BODY {
	font-family: arial;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 12px;
	margin: 20px;
}

TR,TD,DIV,P {
	font-family: arial;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 12px;
	color: #000000;
}

SELECT,INPUT,TEXTAREA {
	font-family: arial;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 12px;
	color: #000000;
}

.buttonCompose {
	border: 1px solid black;
	background-color: #38afe2;
	color: white;
	font-weight: bold;
}


.composeArea {
	background-color: #e0ecff;
	border: 1px solid #000000;
	padding: 20px;
}

/************ DYNAMIC LIST CONTACTS ***************/
/* Big box with list of options */
#ajax_listOfOptions {
	font-family: arial, sans-serif;
	position: absolute; /* Never change this one */
	width: 500px; /* Width of box */
	height: 250px; /* Height of box */
	overflow: auto; /* Scrolling features */
	border: 1px solid #000000; /* Dark green border */
	background-color: #fff; /* White background color */
	text-align: left;
	font-size: 12px;
	z-index: 100;
}

#ajax_listOfOptions div { /* General rule for both .optionDiv and .optionDivSelected */
	margin: 1px;
	padding: 1px;
	cursor: pointer;
	font-size: 13px;
}

#ajax_listOfOptions .optionDiv { /* Div for each item in list */
	
}

#ajax_listOfOptions .optionDivSelected { /* Selected item in the list */
	background-color: #3366cc;
	color: #FFFFFF;
}